<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>24201012904史岂嘉</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/remen.css">
</head>
<body>
    <header>
        <div class="wrapper">
            <!-- logo -->
             <div class="logo fleft">
                <img src="./img/touxiang.png" alt="">
             </div>
            <!-- 搜索 -->
             <div class="searchBox fleft">
                <input class="keyword fleft shadow" type="text" name="keyword" id="keyword" placeholder="请输入查询内容">
                <div class="btnSearch fleft shadow">搜索</div>
             </div>
            <!-- 注册登录 -->
             <div class="reg fleft">
                <a href="zhuce.html">注册</a>
                <span>&nbsp;|&nbsp;</span>
                <a href="#">登录</a>
             </div>
        </div>
    </header>
    <main>
        <ul class="tab-title">
            <li><a href="#">直播</a></li>
            <li><a href="./index.html" class="first">推荐</a></li>
            <li><a href="remen.html" class="second">热门</a></li>
            <li><a href="#">追番</a></li>
            <li><a href="#">影视</a></li>
            <li><a href="#">新征程</a></li>
        </ul>
    </main>
    <div class="mid">
            <a><img src="./img/paihang.png" alt=""><p>排行榜</p></a>
            <a><img src="./img/meizhoubikan.png" alt=""><p>每周必看</p></a>
            <a><img src="./img/tga.png" alt=""><p>TGA</p></a>
            <a><img src="./img/zaijian.png" alt=""><p>再见爱人</p></a>
    </div>
    <div class="remenhuati">
            <p>热门话题</p>
            <a href="./more.html">查看更多</a>
    </div>
    <div class="neirong">
        <div>
            <p>个人养老金制度将全国...</p>
            <p>尹锡悦否认紧急戒严是...</p>
            <p>12306辟谣春运抢票已...</p>
            <p>尤文图斯2:0曼城</p>
        </div>
        <div>
            <p>《无限暖暖》入围202...</p>
            <p>ChatGPT登陆苹果生态</p>
            <p>沙特获2034年世界杯...</p>
            <p>唐钱婷100蛙破亚洲纪录</p>
        </div>
    </div>
    <div class="video">
        <a href="#"><!-- 左图 -->
            <img src="./img/dingzhen.jpg">
        </a>
        <div class="text"><!-- 右文 -->
            <h3>曾经我也想过一了百了</h3>
            <span class="author">up 丁斯塔科维奇</span>
            <span class="playcount">68.4万</span>
        </div>
        <a href="#"><!-- 左图 -->
            <img src="./img/efls.jpg">
        </a>
        <div class="text"><!-- 右文 -->
            <h3>当你熟练掌握厄斐琉斯各种武器</h3>
            <span class="author">up 热气re7</span>
            <span class="playcount">36.8万</span>
        </div>
        <a href="#"><!-- 左图 -->
            <img src="./img/sunday.jpg">
        </a>
        <div class="text"><!-- 右文 -->
            <h3>当我在游戏里为“星期日”拍照...【崩铁摄影第三期】</h3>
            <span class="author">up 语堂天天啃土</span>
            <span class="playcount">23.4万</span>
        </div>
        <a href="#"><!-- 左图 -->
            <img src="./img/theshy.jpg">
        </a>
        <div class="text"><!-- 右文 -->
            <h3>须知少时凌云志，曾许人间第一流【Theshy集锦】</h3>
            <span class="author">up ThyShy</span>
            <span class="playcount">65.3万</span>
        </div>
        <a href="#"><!-- 左图 -->
            <img src="./img/blackmonkey.jpg">
        </a>
        <div class="text"><!-- 右文 -->
            <h3>首通？全网首发！速通连战最高难度9禁万样骁凶！8分22秒32</h3>
            <span class="author">up 可惜加油kxjy</span>
            <span class="playcount">104.6万</span>
        </div>
    </div>
    <script src="./font/iconfont.js"></script>
    <nav class="bnav">
        <ul>
            <li>
                <a href="index.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bzhan-shouye"></use>
                    </svg>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dongtai"></use>
                    </svg>
                    <p>动态</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kuozhan"></use>
                    </svg>
                </a>
            </li>
            <li>
                <a href="#">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huiyuangoujihuox"></use>
                    </svg>
                    <p>会员购</p>
                </a>
            </li>
            <li>
                <a  href="user.html">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bzhan-wode1"></use>
                    </svg>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </nav>
</body>
</html>